<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>BoostarpUi-DC</title>
    <!--responsive mate -->
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta name="description" content="搜集所有应用稳定的框架，jq，ui等">
    <meta name="author" content="Dc">
    <meta name="keyword" content="Dc,bootstarp,zui,flatui,DcUi,jquery,modal,datatable">
    <link rel="shortcut icon" href="favicon.ico">
    <!-- Bootstrap core CSS -->
    <!--flat-->
    <!--flat media-->
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="assets/zui/css/zui.css" />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/style-responsive.css" />
</head>

<body>
    <section id="container">
        <!--header start-->
        <header class="header bg-info">
            <div class="sidebar-toggle-box">
                <div class="icon-reorder" id="nav-tab"></div>
            </div>
            <!--logo start-->
            <a href="#" class="logo text-danger">HG
                <small>
                    <small class="text-danger">UI</small>
                </small>
            </a>
            <!--logo end-->
            <div class="nav notify-row" id="top_menu">
            </div>
        </header>
        <!--header end-->
        <!--sidebar start-->
        <aside>
            <div id="sidebar" class="nav-collapse menu">
                <!-- sidebar menu start-->
                <ul class="sidebar-menu ">
                    <li class="sub-menu">
                        <a class="jump_a" href="about.html">
                            <big>
                                bootstrap4
                            </big>
                        </a>
                    </li>
                    <li class="sub-menu">
                        <a class="iframe_a" href="assets/specs/safe-color.html">安全色</a>
                    </li>
                    <li class="sub-menu">
                        <a class="iframe_a" href="assets/bs/grid.html">网格系统</a>
                    </li>
                    <li class="sub-menu">
                        <a class="iframe_a" href="assets/bs/font.html">文字</a>
                    </li>
                    <li class="sub-menu">
                        <a class="iframe_a" href="assets/bs/tables.html">表格</a>
                    </li>
                    <li class="sub-menu">
                        <a class="iframe_a" href="assets/bs/images.html">图像形状</a>
                    </li>
                    <li class="sub-menu">
                        <a class="iframe_a" href="assets/bs/alerts.html">信息提示框</a>
                    </li>
                    <li class="sub-menu">
                        <a class="iframe_a" href="assets/bs/button.html">按钮</a>
                    </li>
                    <li class="sub-menu">
                        <a class="iframe_a" href="assets/bs/badges.html">徽章</a>
                    </li>
                    <li class="sub-menu">
                        <a class="iframe_a" href="assets/bs/progress.html">进度条</a>
                    </li>
                    <li>
                        <a class="iframe_a" href="assets/bs/pagination.html">分页</a>
                    </li>
                    <li class="sub-menu">
                        <a class="iframe_a" href="assets/bs/list-group.html">列表组</a>
                    </li>
                    <li class="sub-menu">
                        <a class="iframe_a" href="assets/bs/cards.html">卡片</a>
                    </li>
                    <li class="sub-menu">
                        <a class="iframe_a" href="assets/bs/collapse.html">折叠</a>
                    </li>
                    <li class="sub-menu">
                        <a class="iframe_a" href="assets/bs/navs.html">导航</a>
                    </li>
                    <li class="sub-menu">
                        <a class="iframe_a" href="assets/bs/navbar.html">导航栏</a>
                    </li>
                    <li>
                        <a class="iframe_a" href="assets/bs/forms.html">表单</a>
                    </li>
                    <li class="sub-menu">
                        <a class="iframe_a" href="assets/bs/datetime.html">时间选择器</a>
                    </li>
                    <li>
                        <a class="iframe_a" href="assets/bs/select.html">下拉选择框</a>
                    </li>
                    <li>
                        <a class="iframe_a" href="assets/bs/radio.html">单选框</a>
                    </li>
                    <li>
                        <a class="iframe_a" href="assets/bs/checkbox.html">复选框</a>
                    </li>
                    <li class="sub-menu">
                        <a class="iframe_a" href="assets/bs/modal.html">模态框(弹窗)</a>
                    </li>
                    <li class="sub-menu">
                        <a class="iframe_a" href="assets/bs/popover.html">提示框</a>
                    </li>
                    <li class="sub-menu">
                        <a class="iframe_a" href="assets/bs/scrollspy.html">滚动导航</a>
                    </li>
                    <li class="sub-menu">
                        <a class="iframe_a" href="assets/swiper/">轮播图</a>
                    </li>
                    <li class="sub-menu">
                        <a class="iframe_a" href="assets/upload/">上传组件</a>
                    </li>
                    <li class="sub-menu">
                        <a class="iframe_a" href="assets/pdfjs/">PDF预览</a>
                    </li>
                    <li class="sub-menu">
                        <a class="iframe_a" href="assets/video/">视频播放器</a>
                    </li>
                    <li class="sub-menu">
                        <a class="iframe_a" href="assets/login/">login登录页</a>
                    </li>
                    <li class="sub-menu">
                        <a class="iframe_a" href="assets/layout/">图文布局</a>
                    </li>
                    <li class="sub-menu">
                        <a class="iframe_a" href="assets/layout/list.html">列表布局</a>
                    </li>
                </ul>
                <!-- sidebar menu end-->
            </div>
        </aside>
        <!--sidebar end-->
        <!--main content start-->
        <section id="main-content">
            <section class="wrapper">
            </section>
        </section>
        <!--main content end-->
    </section>
    <!-- js placed at the end of the document so the pages load faster -->
    <!--通用js -->
    <!--zui-->
    <script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
    <script src="assets/zui/js/zui.min.js"></script>
    <script src="js/common.js"></script>
    <script src="js/index.js"></script>
</body>

</html>